<template>
  权限开关
  <el-switch :active-value="false"
             :inactive-value="true"
             v-model="text"
             active-color="#13ce66"
             inactive-color="#ff4949">
  </el-switch>
  <br /><br />
  <avue-crud :option="option"
             :permission="permission"
             :data="data"></avue-crud>
</template>
<script>
export default {
  data () {
    return {
      text: false,
      permission: {},
      option: {
        column: [{
          label: '姓名',
          prop: 'name'
        }, {
          label: '年龄',
          prop: 'sex'
        }]
      },
      data: [{
        id: 1,
        name: '张三',
        sex: 12,
      }, {
        id: 2,
        name: '李四',
        sex: 20,
      }]
    }
  },
  watch: {
    text () {
      if (this.text === true) {
        this.permission = {
          delBtn: false,
          addBtn: false,
          menu: false,
        }
      } else {
        this.permission = {
          delBtn: true,
          addBtn: true,
          menu: true,
        }
      }
    }
  }
}
</script>